import React from 'react'
import { NavLink,Outlet } from 'react-router-dom'

export default function Home() {
  return (
    <div>
      <h3>我是Home的内容</h3>
      <ul className="nav nav-tabs">
        <li>
          <NavLink className="list-group-item" to="news">
            News
          </NavLink>
        </li>
        <li>
          <NavLink className="list-group-item" to="message">
            Message
          </NavLink>
        </li>
        <li>
          <NavLink className="list-group-item" to="/about">
            about
          </NavLink>
        </li>
        <li>
          <NavLink className="list-group-item" to="test">
            Test
          </NavLink>
        </li>
      </ul>
      {/* 指定路由组件呈现的位置 */}
      <Outlet />
      {/* <div>
        <ul>
          <li>
            <a href="  message1">message001</a>&nbsp; &nbsp;
          </li>
          <li>
            <a href=" /message2">message802</a>&nbsp;&nbsp;
          </li>
          <li>
            <a href=" /message/3">message8o3</a>&nbsp;&nbsp;
          </li>
        </ul>
      </div> */}
    </div>
  )
}
